<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>tab卡片菜单导航制作</title>
	<link rel="stylesheet" href="./style.css">
</head>

<body>
	<div>
		<ul>
			<li><a href="#" class="active">tab-1</a></li>
			<li><a href="#">tab-2</a></li>
			<li><a href="#">tab-3</a></li>
			<li><a href="#">tab-4</a></li>
			<li><a href="#">tab-5</a></li>
		</ul>
	</div>

	<script type="text/javascript" src="jquery-3.4.1.js"></script>
	<script src="./index.js"></script>
</body>

</html>